import {
    themes
} from "./model";

// 修改样式
const changeStyle = (obj) => {
    document.documentElement.style.setProperty(`--themeColor`, obj.backgroundColor);
};

// 改变主题的方法
export const setTheme = (themeName) => {
    const haveTheme = themes[themeName];
    // 有预设的主题名称
    if (haveTheme) {
        localStorage.setItem("primaryColor", haveTheme.backgroundColor);
        changeStyle(haveTheme);
    } else {
        let haveTheme = {
            backgroundColor: localStorage.getItem("primaryColor")
        };
        changeStyle(haveTheme);
    }
};